﻿

<!-- Left panel : Navigation area -->
<!-- Note: This width of the aside area can be adjusted through LESS variables -->
<aside id="left-panel">

    <!-- User info -->
    <div class="login-info">
        <span>
            <!-- User image size is adjusted inside CSS, it should stay as it -->

            <a href="javascript:void(0);" id="show-shortcut" ui-sref="userprofile()">
                <img ng-src="{{useravatar}}" alt="me" class="online" />
                <span>{{username}}
                </span>
                
            </a>

        </span>
    </div>
    <!-- end user info -->

    <!-- NAVIGATION : This navigation is also responsive

			To make this navigation dynamic please make sure to link the node
			(the reference to the nav > ul) after page load. Or the navigation
			will not initialize.
			-->
    <nav>
        <!-- NOTE: Notice the gaps after each icon usage <i></i>..
				Please note that these links work a bit different than
				traditional hre="" links. See documentation for details.
				-->

        <ul>
            <li ng-repeat="menu in userMenu" ng-class="{'active': page.isActive(menu.name)}">
                <a href="{{menu.url}}" title="{{menu.name}}"><i class="fa fa-lg fa-fw" ng-class="'fa-{{menu.name}}'"></i><span class="menu-item-parent">{{menu.name}}</span></a>
            </li>
        </ul>
    </nav>
    <collapse-sidebar></collapse-sidebar>

</aside>
<!-- END NAVIGATION -->
